<template>
  <div class="grid">
    <grid-column />
    <grid-row />
    <grid-template-columns />
    <grid-template-rows />
    <grid-template-areas />
    <grid-auto-flow />
    <grid-arrange-order />
    <grid-auto-columns />
    <grid-auto-rows />
    <grid-practice1/>
  </div>
</template>
<script>
import gridColumn from '@/components/Grid/grid-column'
import gridRow from '@/components/Grid/grid-row'
import gridTemplateColumns from '@/components/Grid/grid-template-columns'
import gridTemplateRows from '@/components/Grid/grid-template-rows'
import gridTemplateAreas from '@/components/Grid/grid-template-areas'
import gridAutoFlow from '@/components/Grid/grid-auto-flow'
import gridArrangeOrder from '@/components/Grid/grid-arrange-order'
import gridAutoColumns from '@/components/Grid/grid-auto-columns'
import gridAutoRows from '@/components/Grid/grid-auto-rows'
import gridPractice1 from '@/components/Grid/grid-practice1'
export default {
  name: 'Grid',
  components: {
    gridColumn,
    gridRow,
    gridTemplateColumns,
    gridTemplateRows,
    gridTemplateAreas,
    gridAutoFlow,
    gridArrangeOrder,
    gridAutoColumns,
    gridAutoRows,
    gridPractice1
  },
  data() {
    return {}
  },
  mounted() {},
  methods: {},
}
</script>
